<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>循环控制(loop control)</title>
  <!-- 
  在JavaScript中，循环控制（Loop Control）是指在循环执行过程中控制循环的执行流程的机制。
  主要通过 `break` 、 `continue` 和 `return` 等语句来实现。

    一、 `break`  语句
    `break` 语句用于立即终止循环，并跳出循环体。它通常用于在满足特定条件时停止循环。

    二、 `continue`  语句
    `continue` 语句用于跳过当前循环的剩余部分，并开始下一次循环的迭代。
    用于在满足特定条件时跳过某些操作。

    三、 `return`  语句

    `return` 语句用于在函数中返回一个值，并终止函数的执行。如果在循环中使用 `return` ，则不仅会退出循环，还会退出整个函数。
    console.log(findFirstEven([1, 3, 5, 7, 8, 10])); // 输出8

    四、标签语句（Label Statements）

    JavaScript支持标签语句，可以与 `break` 和 `continue` 结合使用，用于控制嵌套循环的执行。

    总结
    - ** `break` **：用于终止循环，跳出循环体。
    - ** `continue` **：用于跳过当前迭代，继续下一次循环。
    - ** `return` **：用于从函数中返回值，并终止函数执行。
    - **标签语句**：用于控制嵌套循环的执行，配合 `break` 和 `continue` 使用。
   -->
</head>
<body>

  <script>
    // break 语句
    for (let i = 0; i < 10; i++) {
      if (i === 5) {
        break; // 当 i 等于 5 时，终止循环
      }
      console.log(i); // 输出 0, 1, 2, 3, 4
    }

    // continue 语句
    for (let i = 0; i < 10; i++) {
      if (i % 2 === 0) {
        continue; // 跳过偶数
      }
      console.log(i); // 输出 1, 3, 5, 7, 9
    }

    // return 语句
    function findFirstEven(arr) {
      for (let i = 0; i < arr.length; i++) {
        if (arr[i] % 2 === 0) {
          return arr[i]; // 返回第一个偶数
        }
      }
      return -1; // 如果没有找到偶数，返回 -1
    }
    console.log(findFirstEven([1, 3, 5, 7, 8, 10])); // 输出 8
  </script>
  
</body>
</html>